import 'package:flutter/material.dart';
import 'package:cook_dinner/config/include.dart';

class DishesTop extends StatelessWidget {
  const DishesTop({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(horizontal: 29.rpx),
      child: Container(
        width: double.infinity,
        height: 144.rpx,
        padding: EdgeInsets.all(13.rpx),
        margin: EdgeInsets.only(bottom: 14.rpx),
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(20.rpx),
          color: Colors.white,
        ),
        child: Row(
          children: [
            ClipRRect(
              borderRadius: BorderRadius.circular(12.rpx),
              child: Image.asset(
                'assets/images/fish06.png',
                width: 148.rpx,
                height: 118.rpx,
                fit: BoxFit.cover,
              ),
            ),
            SizedBox(width: 12.rpx),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.start,
                children: [
                  SizedBox(height: 10.rpx),
                  Text(
                    '简单又美味~牛肉汤粉',
                    style: TextStyle(
                      fontSize: 18.rpx,
                      color: const Color(0xff333333),
                    ),
                  ),
                  SizedBox(height: 8.rpx),
                  Row(
                    children: [
                      Image.asset(
                        'assets/images/time.png',
                        height: 14.rpx,
                      ),
                      Text(
                        '时间  约15~20分钟',
                        style: TextStyle(
                          fontSize: 12.rpx,
                          color: const Color(0xffFF8080),
                        ),
                      )
                    ],
                  ),
                  SizedBox(height: 4.rpx),
                  Row(
                    children: [
                      Image.asset(
                        'assets/images/fire.png',
                        height: 15.rpx,
                      ),
                      Text(
                        '难度  零厨艺',
                        style: TextStyle(
                          fontSize: 12.rpx,
                          color: const Color(0xffFF8080),
                        ),
                      )
                    ],
                  ),
                  SizedBox(height: 12.rpx),
                  Row(
                    crossAxisAlignment: CrossAxisAlignment.center,
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Row(
                        children: [
                          Image.asset(
                            'assets/images/avart01.png',
                            height: 18.rpx,
                          ),
                          SizedBox(width: 4.rpx),
                          Text(
                            '不负筱食光',
                            style: TextStyle(
                              fontSize: 12.rpx,
                              color: const Color(0xff666666),
                            ),
                          )
                        ],
                      ),
                      Row(
                        crossAxisAlignment: CrossAxisAlignment.center,
                        children: [
                          Image.asset(
                            'assets/images/hart.png',
                            height: 14.rpx,
                          ),
                          SizedBox(width: 4.rpx),
                          Text(
                            '2474',
                            style: TextStyle(
                              fontSize: 12.rpx,
                              color: const Color(0xff666666),
                            ),
                          )
                        ],
                      ),
                    ],
                  ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}
